<template>
  <div>
    <mu-dialog
      title="Geohash算法精度"
      width="600"
      max-width="80%"
      :esc-press-close="false"
      :overlay-close="false"
      :open.sync="openInfo"
      scrollable
    >
      <h3>距离精度</h3>
      <li>长度1：<strong>±.. km</strong></li>
      <li>长度2：<strong>±.. km</strong></li>
      <li>长度3：<strong>±.. km</strong></li>
      <li>长度4：<strong>±.. km</strong></li>
      <li>长度5：<strong>±20 km</strong></li>
      <br />
      <li>长度6：<strong>±2400 m</strong></li>
      <li>长度7：<strong>±610 m</strong></li>
      <li>长度8：<strong>±50 m</strong></li>
      <li>长度9：<strong>±2 m</strong></li>
      <mu-button slot="actions" flat color="primary" @click="closeAlertDialog"
        >确定</mu-button
      >
    </mu-dialog>
  </div>
</template>

<script>
export default {
  props: ['openInfo'],
  data() {
    return {}
  },
  methods: {
    closeAlertDialog() {
      this.$emit('close')
    }
  }
}
</script>
